<template>
	<view class="l_empty">
		<view class="l_empty_box">
			<view>
				<uni-icons :type="type" :size="size" :color="color"></uni-icons>
			</view>
			<view :style="{fontSize,color}">
				{{text}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			type: {
				type: String,
				default: 'list'
			},
			text: {
				type: String,
				default: '列表为空'
			},
			fontSize: {
				type: String,
				default: '28rpx'
			},
			color: {
				type: String,
				default: '#666666'
			},
			size: {
				type: String,
				default: '28'
			},
		},
		data() {
			return {}
		}
	}
</script>

<style scoped>
	.l_empty {
		display: flex;
		justify-content: center;
	}

	.l_empty_box {
		text-align: center;
	}
</style>